<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html >
<html lang="zh-CN">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">   <!-- 在IE运行最新的渲染模式 -->
		<meta name="viewport" content="width=device-width, initial-scale=1">   <!-- 初始化移动浏览显示 -->
		<meta name="Author" content="Dreamer-1.">
		
		<!-- 引入各种CSS样式表 -->
		<link rel="stylesheet" href="<%=basePath%>css/bootstrap.css">
		<link rel="stylesheet" href="<%=basePath%>css/index.css">	<!-- 修改自Bootstrap官方Demon，你可以按自己的喜好制定CSS样式 -->	<!-- 将默认字体从宋体换成微软雅黑（个人比较喜欢微软雅黑，移动端和桌面端显示效果比较接近） -->
		

		
		<script type="text/javascript" src="<%=basePath%>js/jquery-1.12.3.min.js"></script>
		<script type="text/javascript" src="<%=basePath%>js/bootstrap.min.js"></script>
		
		<script type="text/javascript">

		     //这是人事的那张表
		     function findRen(){
		     location.href="<%=basePath%>findBehavior";
		     }
		     //这是销售的表
			function sale(){
			 location.href="<%=basePath%>findSales";
			}
		</script>
	
		<title>上海舜谷建筑工程技术有限公司 </title>
	</head>
	<style type="text/css">
		header{ 
			position:fixed;
			left:0; top:0;
			width:100%; height:60px;
			z-index:9999;background-color: azure;
			}
		body {
			margin:0;padding:0;
			}
		#menu{
			width:100%;height:60px;
			margin:0 auto;
			border: 1px solid seagreen;
			}
	 #menu a{	text-decoration: none;/*去下划线*/
	  		color: #46B8DA;
	 		float: left;/*左浮动*/
	 		display: block;
			height: 100%;
			width: 100px;
			font-size: 18px;
			text-align: center;/*水平居中*/
			line-height: 60px;/*垂直居中*/
			font-family: "微软雅黑";/*字体*/
		 }
	 #menu	a:hover{
			font-size: 24px;
			color: #000000;
			background-color: #C7DDEF;
		}
	</style>
	
	<body>
	<header>
			<!--头部固定栏-->
			<div id="menu">
						<div class="nav-left"><!--左边-->
						
						<a href="javascript:show('userList')" target="bos">待办</a>	
						<a href="javascript:show('productList')" target="bos">任务</a>
						<a href="javascript:show('bosIndex')">项目</a>
						<a href="javascript:show('productList')" target="bos">管理</a>
						</div>
			</div>
		</header>


		
	<!-- 左侧菜单选项========================================= -->
		<div class="container-fluid">
			<div class="row-fluie">
				<div class="col-sm-3 col-md-2 sidebar">		
					<ul class="nav nav-sidebar">
						<!-- 一级菜单 -->
						<li class="active"><a href="#userMeun" class="nav-header menu-first collapsed" data-toggle="collapse">
							<i class="fa fa-user"></i>&nbsp; 项目管理 <span class="sr-only">(current)</span></a>
						</li> 
						<!-- 二级菜单 -->
						<!-- 注意一级菜单中<a>标签内的href="#……"里面的内容要与二级菜单中<ul>标签内的id="……"里面的内容一致 -->
						<ul id="userMeun" class="nav nav-list collapse menu-second">
							<li><a href="javascript:show('bosIndex')"><i class="fa fa-users"></i> 项目列表</a></li>
						</ul>
						 
						<li><a href="#productMeun" class="nav-header menu-first collapsed" data-toggle="collapse">
							<i class="fa fa-globe"></i>&nbsp;人事管理 <span class="sr-only">(current)</span></a>
						</li>
						<ul id="productMeun" class="nav nav-list collapse menu-second">
							<li><a href="javascript:findRen()" ><i class="fa fa-list-alt"></i>行为记录列表 </a></li>
							<li><a href="jsp/addPeople.jsp" ><i class="fa fa-list-alt"></i> 添加成员</a></li>
						</ul>
						
						
						<li><a href="#recordMeun" class="nav-header menu-first collapsed" data-toggle="collapse">
							<i class="fa fa-file-text"></i>&nbsp; 销售管理 <span class="sr-only">(current)</span></a>
						</li> 
						<ul id="recordMeun" class="nav nav-list collapse menu-second">
							<li><a href="javascript:sale()"  ><i class="fa fa-list"></i> 销售列表</a></li>
						</ul>
							
					</ul>
					
				</div>
			</div>
		</div>

<!-- 右侧内容展示==================================================   -->   		
 				<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main" style="margin-top: 50px;margin-left:15%;">
		
						<!-- 载入左侧菜单指向的jsp（或html等）页面内容 -->
          				<div id="content" style="margin: 0;padding: 0;width: 100%;height: 100%">
          	 
       						<iframe id="iframe_id" src="" runat="server" frameborder="no"  scrolling="no" 
								contenteditable="true" style="height:1200px;" width="100%"></iframe>
					
          				</div>  
				</div> 
		
		
		<script type="text/javascript">

		function show(file, subfix) {
			if (subfix){
				document.getElementById("iframe_id").src = "./"+file + subfix;
			}else{
				document.getElementById("iframe_id").src = "./"+file + "";
			}
			
			
		}
		show("showAll")
		
		function setCwinHeight(){
		  var iframe=document.getElementById("iframe_id"); //iframe id
		  
		   if (iframe && !window.opera){
		    if (iframe.contentDocument && iframe.contentDocument.body.offsetHeight){
		     iframe.height = iframe.contentDocument.body.offsetHeight;
		    }else if(iframe.document && iframe.document.body.scrollHeight){
		     iframe.height = iframe.Document.body.scrollHeight;
		    }
		   }
		 }
		 setCwinHeight();
		</script>
	
	
	</body>
</html>
